/* webkit, opera, IE9 */
/*::selection { background:#69b21d; color:#69b21d; color:#fff; } */
/* mozila*/
/*::-moz-selection { background:#69b21d;color:#fff;}
::-webkit-selection { background:#69b21d; color:#fff;}
::-opera-selection { background:#69b21d;color:#fff;}*/
/*body backeground color*/
body{ background-color:#f2f2f2;}
.header{ background-color: #222222;}
/* =S core
///////////////////////////////////////////// */
/* font family presets */
.arial{font-family:arial}
.simsun{font-family:'simsun'}
.yahei{font-family:'microsoft yahei'}
/* =E core
///////////////////////////////////////////// */

/* =S color
///////////////////////////////////////////// */
.blue_msg{ background-color:#f15e4c !important;}
.orange_msg{ background-color:#f15e4c !important;}
.green_msg{ background-color:#f15e4c !important;}
.ching_msg{ background-color:#f15e4c !important;}

.red_cata{ border-left-color:#f8aea5 !important;}
.red_cata:hover{ border-left-color:#f15e4c !important;}
.blue_cata{ border-left-color:#80d6f7 !important;}
.blue_cata:hover{ border-left-color:#01aef0 !important;}
.orange_cata{ border-left-color:#fecb9c !important;}
.orange_cata:hover{ border-left-color:#fe973a !important;}
.green_cata{ border-left-color:#c4e4a2 !important;}
.green_cata:hover{ border-left-color:#83c73c !important;}
.ching_cata{ border-left-color:#80e7cb !important;}
.ching_cata:hover{ border-left-color:#02cf97 !important;}
/* =E color
///////////////////////////////////////////// */

.logo span,.list_nav em,.arrow_updown em,.chapter_content_title b,.task_chapter_head_right span,.pre_page,.next_page,.class_show_box_R em,.my_ques_reply span,.my_ques_reply a,.play_return em,.side_aside em,.play_cata dd em,.warner em,.s_style i em,.editer em,.adder em,.circle_tag,.dianzan em,.wenda em,.next_course em,.issue_case span em,.edit_label a span,.mail_logo em,.poll,.lock,.i_code em,.chapter_title_right em,.hung_box li a{ background: url(../images/logos.png) no-repeat 0 0;}

.header{background:#2d2d2d;/* background: #0a496d;*/ /*background: #f5c41d;*/ position:relative; z-index:888;}
	.header_box{ width:1180px; height:56px; margin:0 auto;}

/*头部左侧 css*/
.logo{ float:left; width:212px; margin-top: 9px; text-indent:-99999em;}
	.logo a{ float:left; width:126px; height:38px; background:url(../images/logo.png) no-repeat 50%; _display:inline-block;}
	.logo span{ float:left; margin:6px 30px; _display:inline-block; width: 163px; height: 30px; background-position: 0 -42px;}
	.msg{ position: absolute; line-height:16px; padding: 0 4px; color:#fff; top:8px; right:6px; font-size:12px; text-align: center; background: #f15e4c; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px; 
		border-radius: 3px;
		overflow:hidden;
		/*behavior: url(ie-css3.htc);*/
	}

/*头部中间 css*/
.topM_nav{ float: left; /*padding-top: 14px;*/}
.topM_nav li{ float: left; text-align: center; height:56px; line-height: 56px; _display:inline-block;}
.topM_nav li a{ font-size: 16px; color:#ededed; font-weight: 400; padding:0 25px; }
.topM_nav li:hover,.topR_nav li:hover,.topM_nav li.on{ background: #404040;}
	
/*头部右侧 css*/
.topR_nav{ float:right; }
	.topR_nav li{ float:left; width:56px; line-height:56px; height:56px; font-size: 14px; text-align: center; position: relative; z-index: 1002;}
	
	.topR_nav li a{ color:#ededed;}
	.topR_nav .portrait{ width:32px; margin-left:10px; font-size:0; }
	.portrait a,.portrait img{ width:32px; height:32px; border-radius:50%; overflow:hidden;}
	.portrait a{ margin-top: 14px;}

/*my_info downlist css*/
.my_info{ position: absolute; width: 108px; height: 140px;top:56px; right:0; background: #fff; border:1px solid #d2d6de; display: none; z-index:1200;}
	.my_info li{ height: 35px; line-height: 35px; text-align: center; width:100% ;}
	.my_info li:hover{ background: #f7f7f7; font-weight: bold;}
	.my_info li a{ color:#333;}
	.my_info .exit_unlogin{ height: 34px; border-top: 1px dashed #d6d6d6;}


.content{ width:1180px; margin:0 auto; margin-top: 20px}

/*left listnav css*/
.left_list{ float:left; width:190px; height: 529px;}
	.list_nav{ float:left; width:190px; height: 528px;border-top: none; background: #fff; font-size: 16px; font-family:'Microsoft YaHei';}
	.list_nav li,.list_nav p{ height: 51px; line-height:51px; padding-left: 19px; }
	.list_nav li a,.list_nav p span{  padding-left: 10px; color:#333;}
	.list_nav li{ position: relative;}
	.list_nav li a:hover{ color:#333;}
	.list_nav .first_li{ height: 49px; font-weight: bold; border-bottom:1px dashed #d2d6de;}
	.list_nav em{ display:inline-block; width: 16px; height: 16px; background-position: left bottom; vertical-align: middle;}
	.list_nav .logo1{ background-position:0 -186px;}
	.list_nav .logo2{ background-position: 0 -72px;}
	.list_nav .logo3{ background-position: 0 -88px;}
	.list_nav .logo4{ background-position: 0 -104px;}
	.list_nav .logo5{ background-position: 0 -120px;}
	.list_nav .logo6{ background-position: 0 -136px;}
	.list_nav .logo7{ background-position: 0 -152px;}
	.list_nav .logo8{ background-position: 0 -168px;}
	.list_nav li:hover,.list_nav li.on{ border-left:2px solid #83c73c; padding-left: 17px; background: #f7f7f7;}
	.list_nav li i {top:16px; right:10px;}


/*main content css*/
.main{ float:right; width: 970px; }




/*page footer css*/
.footer{ line-height: 32px; margin-top:60px; text-align: center; /*clear:both; */background: #414141; color:#ccc;}
.footer_box{ width: 1180px; margin: 0 auto; padding: 16px 0;}
.footer_box p i{ font-size: 14px; color: #fff;}
.footer_box p a{ color:#ccc; padding:0 20px;}
.footer_box p a:hover{ text-decoration: underline;}

/*main page css*/
.page{ height: 28px; margin:40px 0; text-align: center; padding-right: 21px;}
.page a,.curr{ display: inline-block; width: 26px; line-height: 26px; height: 26px; text-align: center; margin: 0 5px; box-shadow: 0 2px 3px #dcdcdc;}
.page a{ background-color: #fff; border: 1px solid #d6d6d6;}
.page a:hover{ background-color: #e7e7e7; border-color: #adadad; }
.curr{ background-color: #888; border: 1px solid #888; color: #fff;}
.pre_page{ background-position: -102px -208px; vertical-align: middle;}
.next_page{ background-position: -128px -208px; vertical-align: middle; cursor: pointer;}

.ellipsis{ }

/*sun pages's return button css*/
	.msg_head h3,.class_head h3{ float: right; width: 50px; line-height: 26px; font-size: 14px; margin-top:12px; cursor: pointer; font-weight: 500;}
	.msg_head h3:hover,.class_head h3:hover{ text-decoration: underline; color:#83c73c;}


/*main head title css*/
.main_head{height: 50px; border-bottom: 1px solid #f2f2f2; text-align: center; padding-right: 20px; background-color: #fff;}
	.main_head ul{ float: left; width: 212px; height: 50px; position: relative; }
	.main_head li a{color: #333; display:inline-block; width: 106px; height: 50px;}
	.main_head ul li{ float:left; width: 106px; line-height: 50px; font-size: 16px; cursor: pointer;}
	.main_head .hover_style{ width: 106px; height: 2px; position: absolute; bottom: -2px; left:0; background-color:#83c73c; }
	.main_head ul li.on,.main_head ul li:hover,.main_head li:hover a,.main_head li.on a{ color:#83c73c;}
.bigger_t{ height:55px; background: none;}
.bigger_t .main_head ul{ height: 55px;}
.bigger_t ul li{ line-height: 55px; color:#333;}
.bigger_t ul li:hover{ color:#333;}

/*main head title's bread nav css*/
.bre_nav ul { width: auto; color:#666;}
.bre_nav ul li a{  color:#333;}
.bre_nav ul li{ padding-left: 8px; width: auto;}


.hung{ position:fixed; width: 50px; height: 153px; bottom:20px; left:50%; margin-left: 610px; z-index: 887;}
.hung_box li{ position: relative; width: 50px; height: 50px; text-align: center; margin-bottom: 1px; background-color: #fff;}
.hung_box li:hover{ background-color: #f7f7f7;}
.hung_box li a{ display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-top: 13px; }
.hung_box .wechat a{ display: inline-block; background-position: -47px -240px;}
.hung_box .wechat a:hover{ display: inline-block; background-position: -47px -270px;}
.hung_box .app a{ display: inline-block; background-position: -77px -240px;}
.hung_box .app a:hover{ display: inline-block; background-position: -77px -270px;}
.hung_box .to_top{ /*display: none;*/}
.hung_box .to_top a{ display: inline-block; background-position: -107px -240px;}
.hung_box .to_top a:hover{ display: inline-block; background-position: -107px -270px;}
.hung_box li span{ position: absolute; top:-55px; left:-160px; width:140px; height: 160px; background: url(../images/hung_bg.png) no-repeat 50%; opacity:0; display:none;}
.hung_box li span i{ display:block; margin-top: 10px; height: 24px; padding-top: 6px;}
.hung_box li span img{ display:block; margin:0 auto; height: 106px; line-height: 0;}
.hung_box .wechat span{ }
.hung_box .app span{/* display: block;*/}
/*.hung_box .to_top span{ display: block; width:76px; height: 50px; top: 0; left: -76px; font-size: 14px; color:#83c73c; background-color: #f9f9f9;}*/